<template>
  <el-dialog
    title="替换播放列表"
    :visible.sync="dialogVisible"
    width="30%"
    :modal='false'
    :center="true"
    class="detaildialog">
    <span>播放全部”将会替换当前的播放列表，是否继续？</span>
    <span slot="footer" class="dialog-footer">
      <el-button @click="addplaylist">继续</el-button>
      <el-button @click="dialogVisible = false">取消</el-button>
    </span>
  </el-dialog>
</template>

<script>
export default {
  name:'replaceDialog',
  data(){
    return{
      dialogVisible:false
    }
  },
  methods:{
    addplaylist(){
      this.$emit('addplaylist')
      this.dialogVisible = false
    },
  }
}

</script>

<style scoped>
  ::v-deep .detaildialog .el-dialog{
    min-width: 350px;
  }
  ::v-deep .detaildialog span{
    font-size: 14px;
    color: #000;
    padding:35px 20px;
  }
</style>